function ClickBind() {
  // 获取事件对象e
  const handleClick = (e) => {
    console.log("Button clicked");
    console.log("获取事件对象参数", e);
  };

  // 传递参数
  const handleParamClick = (param) => {
    console.log("Button clicked with param", param);
  };

  // 同时传递事件对象和自定义参数
  const handleEventAndParamClick = (param, e) => {
    console.log("Button clicked with event and param", param, e);
  };

  const aaa = 100;
  return (
    <div>
      <h1>ClickBind</h1>
      <button onClick={handleClick}>Click me</button>
      {/* 传递自定义参数 */}
      {/* 注意：不能直接写函数调用，这里的事件绑定需要一个函数引用 */}
      <button onClick={() => handleParamClick(aaa)}>传递自定义参数</button>
      {/* 同时传递事件对象和自定义参数 */}
      <button onClick={(e) => handleEventAndParamClick(aaa, e)}>
        同时传递事件对象和自定义参数
      </button>
    </div>
  );
}

export default ClickBind;
